<!doctype html>
<html lang="en">

<head>
<meta charset="UTF-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<title>还款明细</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"content="width=device-width, initial-scale=1, maximum-scale=1">
<script src="../../../js/angular.js"></script>
<link rel="stylesheet" href="../../../layui/layui/css/layui.css" media="all">
<script type="text/javascript" src="../../../layui/layui/lay/modules/layer.js"></script>
<script src="../../../layui/layui/jquery-3.2.1.min.js" charset="utf-8"></script>
<script src="../../../layui/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="../../../dwwsyyt/dw/gjjhbj/fy.js"></script>
<style type="text/css">     
    .mask {       
            position: absolute; top: 0px; filter: alpha(opacity=60); 
            z-index: 1002; left: 0px;              
			background:url(../../../layui/layui/img/jz.gif) no-repeat center rgba(0,0,0,0.5) ;
		  	background-size:30px 30px;
			background-repeat: no-repeat;
			background: 
        }     
	</style>   
</head>
<body>
	<div align="center" id="mask" class="mask"></div>  
	<fieldset class="layui-elem-field layui-field-title"
		style="margin-top: 30px;">
		<legend>还款明细</legend>
	</fieldset>
	<div ng-app="myApp" ng-controller="customersCtrl" align="center">
		<table class="layui-table" style="width:90%">
			<tr align="center" style="background-color:#f1f1f1">
				<td>借款人姓名</td>
				<td>业务发生日期</td>
				<td>贷款账号</td>
				<td style="text-align: right;">发生额</td>
				<td style="text-align: right;">本金金额</td>
				<td style="text-align: right;">利息金额</td>
				<td style="text-align: right;">罚息金额</td>
			</tr>
			<tr ng-repeat="x in names" align="center">
				<td>{{ x.JKRXM }}</td>
				<td>{{ x.YWFSRQ }}</td>
				<td>{{ x.DKZH }}</td>
				<td style="text-align: right;">{{ x.FSE | currency:"￥"}}</td>
				<td style="text-align: right;">{{ x.BJJE | currency:"￥"}}</td>
				<td style="text-align: right;">{{ x.LXJE | currency:"￥"}}</td>
				<td style="text-align: right;">{{ x.FXJE | currency:"￥"}}</td>

			</tr>
		</table>
		<div class="layui-btn-group">
			<button class="layui-btn layui-btn-primary layui-btn-sm"
				ng-click="Sy()">首页</button>
			<button class="layui-btn layui-btn-primary layui-btn-sm"
				ng-click="Previous()">上一页</button>
			<button ng-repeat="page in pageList"
				class="layui-btn layui-btn-primary layui-btn-sm"
				ng-click="selectPage(page)">{{ page }}</button>
			<button class="layui-btn layui-btn-primary layui-btn-sm"
				ng-click="Next()">下一页</button>
			<button class="layui-btn layui-btn-primary layui-btn-sm"
				ng-click="Wy()">尾页</button>
			<button class="layui-btn layui-btn-primary layui-btn-sm ">
			{{selPage}}/{{pages}}</button>
		</div>
	</div>
	<script type="text/javascript" src="../../../layui/layui/jquery-3.2.1.min.js"></script>
	<script type="text/javascript">
		function s(){     
        $("#mask").css("height",$(document).height());     
        $("#mask").css("width",$(document).width());     
        $("#mask").show();     
	    }  
	    //隐藏遮罩层  
	    function h(){     
	          
	        $("#mask").hide();     
	    }  
	</script>
	<script>
    function getPath(){
		   return 'http://'+location.host;	
	      };
		var a;
			var app = angular.module('myApp', []);
		    app.controller('customersCtrl', function($scope, $http) {
			var ywls;
			var str=location.href;
			var myArray=new Array();
			myArray =str.split("=");
			myArray[1];
			ywls=myArray[1];
		    $scope.params={ywlsh:ywls},
		    s();
			$http({
				url:getPath() + "/wsyyt/mingxicontrller/test",
				method:'post',
				params:$scope.params
			}).then(
					function(res) {
								$scope.data = res.data.data;//自己打断点看格式:[{},{}]
								h();
								if(res.data.msg==null){
								
								 	layer.msg("登陆失效请重新登陆");
									setTimeout(function () {
										window.top.location.href=res.data;
									}, 1500);
									return;
								 
							}else if(res.data.code==1){
									$scope.names="";
									$scope.selPage="";
									$scope.selectPage="";
									$scope.pages="";
									$scope.page="";
									$scope.pageList="";
									//layer.msg('提示：'+res.data.CW,{icon: 5});	
									layer.alert('提示：'+res.data.CW, {
								      skin: 'layui-layer-molv' //样式类名  自定义样式
								     ,closeBtn: 1    // 是否显示关闭按钮
								      ,anim: 1 //动画类型
								     ,btn: ['确认'] //按钮
								      ,icon: 5    // icon
								     ,btn2:function(){
										
								     }});
									return null;
								}  	
								a = res.data.CNT;
								feny($scope.data);
					});	
				});	
	</script>
	<script>
layui.use(['form', 'layedit', 'laydate'], function(){
  var form = layui.form
  ,layer = layui.layer
  ,layedit = layui.layedit
  ,laydate = layui.laydate;
  
  laydate.render({
  	elem: '#test8'
	,type: 'month'
	,range: true
	});
});
</script>
<script src="../../../layui/layui/jquery-3.2.1.min.js" charset="utf-8"></script>
</body>
</html>